home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / button.css < prev    next >
Cascading Style Sheet File  |  2010-02-13  |  13KB  |  454 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== button.css =====================================================
  40.   == Styles used by the XUL button element.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* :::::::::: button :::::::::: */
  46.  
  47. button {
  48. -moz-appearance: none;
  49. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  50. min-width: 6.3em;
  51. min-height:27px;
  52. max-height:27px;
  53. height:27px;
  54. /*margin: 5px;*/
  55. padding: 0px 10px 5px 10px;
  56. background-color: transparent;
  57. color: #000;
  58. }
  59.  
  60. .button-box {
  61.   -moz-appearance: none;
  62.   padding:0 !important;
  63. }
  64.  
  65. .button-icon {
  66.  padding-top:2px !important; 
  67.  
  68.   -moz-margin-end: 2px;
  69. }
  70.  
  71. .button-text {
  72.  padding-top:2px !important; 
  73.   margin: 0 !important;
  74.   text-align: center;
  75. }
  76.  
  77. /* .......... focused state .......... */
  78.  
  79. button:focus {
  80.   -moz-border-image: url("chrome://browser/skin/tabbrowser/but_f.png") 2 6 0 / 2px 6px 0px;
  81. }
  82.  
  83. button:focus > .button-box {
  84. /*   border: 1px dotted ThreeDDarkShadow; */
  85. }
  86.  
  87. /* .......... default state .......... */
  88.  
  89. button[default="true"] {
  90. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_f.png") 2 6 0 / 2px 6px 0px;
  91. }
  92.  
  93. /* .......... hover state .......... */
  94.  
  95. button:hover {
  96. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_h.png") 2 6 0 / 2px 6px 0px;
  97. }
  98.  
  99. /* .......... active/open/checked state .......... */
  100.  
  101. button:hover:active,
  102. button[open="true"],
  103. button[checked="true"] {
  104.   -moz-border-image: url("chrome://browser/skin/tabbrowser/but_a.png") 2 6 0 / 2px 6px 0px;
  105. }
  106.  
  107. button:hover:active > .button-box,
  108. button[open="true"] > .button-box,
  109. button[checked="true"] > .button-box {
  110. padding:0 !important;
  111. }
  112.  
  113. /* .......... disabled state .......... */
  114.  
  115. button[disabled="true"] {
  116. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  117. color: GrayText;
  118. }
  119.  
  120.  
  121. button[disabled="true"]:hover:active {
  122. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_a.png") 2 6 0 / 2px 6px 0px;
  123. color: GrayText;
  124. }
  125.  
  126. button[disabled="true"] > .button-box {
  127. /*padding-top: 1px !important;
  128. padding-bottom: 2px !important;
  129. -moz-padding-start: 3px !important;
  130. -moz-padding-end: 4px !important;*/
  131. }
  132.  
  133. /* ::::: menu/menu-button buttons ::::: */
  134.  
  135. button[type="menu-button"] {
  136.   -moz-box-align: center;
  137.   -moz-box-pack: center;
  138.   margin: 0;
  139.   border: none;
  140. }
  141.  
  142. .button-menu-dropmarker,
  143. .button-menubutton-dropmarker {
  144.   -moz-appearance: none !important;
  145.   -moz-margin-start: 5px;
  146.   -moz-margin-end: 0px;
  147. }
  148.   
  149. .button-menubutton-dropmarker[open="true"] {
  150.   margin-top: 2px;
  151.   margin-bottom: 0px;
  152.   -moz-margin-start: 5px;
  153.   -moz-margin-end: 0px;
  154. }
  155.  
  156. /* ::::: plain buttons ::::: */
  157.  
  158. button.plain {
  159.   border: 0px !important;
  160.   margin: 0px !important;
  161.   padding: 0px !important;
  162. }
  163.  
  164. button[type="disclosure"] {
  165.   border: 0px !important;
  166.   margin: 0px !important;
  167.   padding: 0px !important;
  168.   -moz-appearance: none;
  169.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  170.   min-width: 0px !important;
  171.   background-color: transparent;
  172. }
  173.  
  174. button[type="disclosure"][open="true"] {
  175.   list-style-image: url("chrome://global/skin/tree/twisty-open.png"); 
  176. }
  177.  
  178. /*
  179.  * KDE Icon Styles
  180.  */
  181.  
  182. button[icon="accept"] .button-icon {
  183.   list-style-image: url("chrome://browser/skin/icons/16/dialog-ok.png");
  184. }
  185.  
  186. button[id="checkUpdatesAllButton"] .button-icon {
  187.   list-style-image: url("chrome://browser/skin/icons/16/system_software_update.png");
  188. }
  189.  
  190. button[id="showUpdateInfoButton"] .button-icon {
  191.   list-style-image: url("chrome://browser/skin/icons/16/help-about.png");
  192. }
  193.  
  194. button[id="installUpdatesAllButton"] .button-icon {
  195.   list-style-image: url("chrome://browser/skin/icons/16/kget.png");
  196. }
  197.  
  198.  
  199. button[id="addonInstallButton"] .button-icon {
  200.   list-style-image: url("chrome://browser/skin/icons/16/system_software_update.png");
  201. }
  202.  
  203.  
  204. /* Preferences */
  205.  
  206. button[id="useCurrent"] .button-icon {
  207.   list-style-image: url("chrome://browser/skin/icons/16/news.png");
  208. }
  209.  
  210. button[id="useBookmark"] .button-icon {
  211.   list-style-image: url("chrome://browser/skin/icons/16/bookmark_folder.png");
  212. }
  213.  
  214. button[id="restoreDefaultHomePage"] .button-icon {
  215.   list-style-image: url("chrome://browser/skin/icons/16/document-revert.png");
  216. }
  217.  
  218.  
  219. button[id="manageAddons"] .button-icon {
  220.   list-style-image: url("chrome://browser/skin/icons/16/preferences_system.png");
  221. }
  222.  
  223. button[id="chooseFolder"] .button-icon {
  224.   list-style-image: url("chrome://browser/skin/icons/16/document-open.png");
  225. }
  226.  
  227. button[id="chooseLanguage"] .button-icon {
  228.   list-style-image: url("chrome://browser/skin/icons/16/locale.png");
  229. }
  230.  
  231. button[id="advancedJSButton"] .button-icon {
  232.   list-style-image: url("chrome://browser/skin/icons/16/exec.png");
  233. }
  234.  
  235.  
  236.  
  237. button[id="popupPolicyButton"] .button-icon {
  238.   list-style-image: url("chrome://browser/skin/icons/16/list-remove.png");
  239. }
  240.  
  241. button[id="addonExceptions"] .button-icon {
  242.   list-style-image: url("chrome://browser/skin/icons/16/list-remove.png");
  243. }
  244.  
  245. button[id="passwordExceptions"] .button-icon {
  246.   list-style-image: url("chrome://browser/skin/icons/16/list-remove.png");
  247. }
  248.  
  249.  
  250. button[icon="accept"] {
  251. -moz-box-ordinal-group: 1;
  252. }
  253.  
  254. button[icon="accept"][disabled="true"] .button-icon {
  255.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-ok.png");
  256. }
  257.  
  258. button[icon="cancel"] .button-icon {
  259.   list-style-image: url("chrome://browser/skin/icons/16/dialog-cancel.png");
  260. }
  261.  
  262. button[icon="cancel"]  {
  263.   -moz-box-ordinal-group: 2;
  264. }
  265.  
  266. button[icon="cancel"][disabled="true"] .button-icon {
  267.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-cancel.png");
  268. }
  269.  
  270. button[icon="help"] .button-icon {
  271.   list-style-image: url("chrome://browser/skin/icons/16/help-contents.png");
  272. }
  273.  
  274. button[icon="help"][disabled="true"] .button-icon {
  275.   list-style-image: url("chrome://browser/skin/icons/disabled/16/help-contents.png");
  276. }
  277.  
  278. button[icon="open"] .button-icon {
  279.   list-style-image: url("chrome://browser/skin/icons/16/document-open.png");
  280. }
  281.  
  282. button[icon="open"][disabled="true"] .button-icon {
  283.   list-style-image: url("chrome://browser/skin/icons/disabled/16/document-open.png");
  284. }
  285.  
  286. button[icon="save"] .button-icon {
  287.   list-style-image: url("chrome://browser/skin/icons/16/document-save.png");
  288. }
  289.  
  290. button[icon="save"][disabled="true"] .button-icon {
  291.   list-style-image: url("chrome://browser/skin/icons/disabled/16/document-save.png");
  292. }
  293.  
  294. button[icon="find"] .button-icon {
  295.   list-style-image: url("chrome://browser/skin/icons/16/edit-find.png");
  296. }
  297.  
  298. button[icon="find"][disabled="true"] .button-icon {
  299.   list-style-image: url("chrome://browser/skin/icons/disabled/16/edit-find.png");
  300. }
  301.  
  302. button[icon="clear"] .button-icon {
  303.   list-style-image: url("chrome://browser/skin/icons/16/edit-clear.png");
  304. }
  305.  
  306. button[icon="clear"][disabled="true"] .button-icon {
  307.   list-style-image: url("chrome://browser/skin/icons/disabled/16/edit-clear.png");
  308. }
  309.  
  310. button[icon="yes"] .button-icon {
  311.   list-style-image: url("chrome://browser/skin/icons/16/dialog-ok.png");
  312. }
  313.  
  314. button[icon="yes"][disabled="true"] .button-icon {
  315.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-ok.png");
  316. }
  317.  
  318. button[icon="yes"] {
  319. -moz-box-ordinal-group: 1;
  320. }
  321.  
  322.  
  323. button[icon="no"] .button-icon {
  324.   list-style-image: url("chrome://browser/skin/icons/16/dialog-cancel.png");
  325. }
  326.  
  327. button[icon="no"] {
  328. -moz-box-ordinal-group: 2;
  329. }
  330.  
  331.  
  332. button[icon="no"][disabled="true"] .button-icon {
  333.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-cancel.png");
  334. }
  335.  
  336. button[icon="apply"] .button-icon {
  337.   list-style-image: url("chrome://browser/skin/icons/16/dialog-ok-apply.png");
  338. }
  339.  
  340. button[icon="apply"][disabled="true"] .button-icon {
  341.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-ok-apply.png");
  342. }
  343.  
  344. button[icon="close"] .button-icon {
  345.   list-style-image: url("chrome://browser/skin/icons/16/dialog-close.png");
  346. }
  347.  
  348. button[icon="close"][disabled="true"] .button-icon {
  349.   list-style-image: url("chrome://browser/skin/icons/disabled/16/dialog-close.png");
  350. }
  351.  
  352. button[icon="print"] .button-icon {
  353.   list-style-image: url("chrome://browser/skin/icons/16/document-print.png");
  354. }
  355.  
  356. button[icon="print"][disabled="true"] .button-icon {
  357.   list-style-image: url("chrome://browser/skin/icons/disabled/16/document-print.png");
  358. }
  359.  
  360. button[icon="add"] .button-icon {
  361.   list-style-image: url("chrome://browser/skin/icons/16/list-add.png");
  362. }
  363.  
  364. button[icon="add"][disabled="true"] .button-icon {
  365.   list-style-image: url("chrome://browser/skin/icons/disabled/16/list-add.png");
  366. }
  367.  
  368. button[icon="remove"] .button-icon {
  369.   list-style-image: url("chrome://browser/skin/icons/16/list-remove.png");
  370. }
  371.  
  372. button[icon="remove"][disabled="true"] .button-icon {
  373.   list-style-image: url("chrome://browser/skin/icons/disabled/16/list-remove.png");
  374. }
  375.  
  376. button[icon="refresh"] .button-icon {
  377.   list-style-image: url("chrome://browser/skin/icons/16/view-refresh.png");
  378. }
  379.  
  380. button[icon="refresh"][disabled="true"] .button-icon {
  381.   list-style-image: url("chrome://browser/skin/icons/disabled/16/view-refresh.png");
  382. }
  383.  
  384. button[icon="revert"] .button-icon {
  385.   list-style-image: url("chrome://browser/skin/icons/16/document-revert.png");
  386. }
  387.  
  388. button[icon="revert"][disabled="true"] .button-icon {
  389.   list-style-image: url("chrome://browser/skin/icons/disabled/16/document-revert.png");
  390. }
  391.  
  392. button[icon="go-forward"] .button-icon {
  393.   list-style-image: url("chrome://browser/skin/icons/16/go-next.png");
  394. }
  395.  
  396. button[icon="go-forward"][disabled="true"] .button-icon {
  397.   list-style-image: url("chrome://browser/skin/icons/disabled/16/go-next.png");
  398. }
  399.  
  400. button[icon="go-forward"][chromedir="rtl"] .button-icon {
  401.   list-style-image: url("chrome://browser/skin/icons/16/go-previous.png");
  402. }
  403.  
  404. button[icon="go-forward"][chromedir="rtl"][disabled="true"] .button-icon {
  405.   list-style-image: url("chrome://browser/skin/icons/disabled/16/go-previous.png");
  406. }
  407.  
  408. button[icon="go-back"] .button-icon {
  409.   list-style-image: url("chrome://browser/skin/icons/16/go-previous.png");
  410. }
  411.  
  412. button[icon="go-back"][disabled="true"] .button-icon {
  413.   list-style-image: url("chrome://browser/skin/icons/disabled/16/go-previous.png");
  414. }
  415.  
  416. button[icon="go-back"][chromedir="rtl"] .button-icon {
  417.   list-style-image: url("chrome://browser/skin/icons/16/go-next.png");
  418. }
  419.  
  420. button[icon="go-back"][chromedir="rtl"][disabled="true"] .button-icon {
  421.   list-style-image: url("chrome://browser/skin/icons/disabled/16/go-next.png");
  422. }
  423.  
  424. button[icon="properties"] .button-icon {
  425.   list-style-image: url("chrome://browser/skin/icons/16/configure.png");
  426. }
  427.  
  428. button[icon="properties"][disabled="true"] .button-icon {
  429.   list-style-image: url("chrome://browser/skin/icons/disabled/16/configure.png");
  430. }
  431.  
  432. button[icon="select-font"] .button-icon {
  433.   list-style-image: url("chrome://browser/skin/icons/16/preferences-desktop-font.png");
  434. }
  435.  
  436. button[icon="select-font"][disabled="true"] .button-icon {
  437.   list-style-image: url("chrome://browser/skin/icons/disabled/16/preferences-desktop-font.png");
  438. }
  439.  
  440. button[icon="select-color"] .button-icon {
  441.   list-style-image: url("chrome://browser/skin/icons/16/color-picker.png");
  442. }
  443.  
  444. button[icon="select-color"][disabled="true"] .button-icon {
  445.   list-style-image: url("chrome://browser/skin/icons/disabled/16/color-picker.png");
  446. }
  447.  
  448. button[icon="network"] .button-icon {
  449.   list-style-image: url("chrome://browser/skin/icons/16/network-workgroup.png");
  450. }
  451.  
  452. button[icon="network"][disabled="true"] .button-icon {
  453.   list-style-image: url("chrome://browser/skin/icons/disabled/16/network-workgroup.png");
  454. }